<!DOCTYPE html>
<html>
<head>
<title>生育享受管理</title>
#parse("sys/header.html")
</head>
<body>
<div id="rrapp" v-cloak>
	<div v-show="showList">
		<div class="grid-btn">
			<div class="form-group col-sm-2">
				<input type="text" class="form-control" v-model="q.name" @keyup.enter="query" placeholder="姓名">
			</div>
			<div class="form-group col-sm-2">
				<input type="text" class="form-control" v-model="q.company" @keyup.enter="query" placeholder="用工单位名称">
			</div>
			<div class="form-group col-sm-2">
				<input type="text" class="form-control" v-model="q.fertilityHospital" @keyup.enter="query" placeholder="生育医院">
			</div>
			<div class="form-group col-sm-2">
				<input type="text" class="form-control" v-model="q.telephone" @keyup.enter="query" placeholder="联系电话">
			</div>
			<a class="btn btn-default" @click="query">查询</a>
			#if($shiro.hasPermission("reproductiveenjoymanagement:save"))
			<a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
			#end
			#if($shiro.hasPermission("reproductiveenjoymanagement:update"))
			<a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
			#end
			#if($shiro.hasPermission("reproductiveenjoymanagement:delete"))
			<a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
			#end
			#if($shiro.hasPermission("reproductiveenjoymanagement:bbqr"))
			<a class="btn btn-primary" @click="bbqr"><i class="fa fa-pencil-square-o"></i>&nbsp;报备确认</a>
			#end
			#if($shiro.hasPermission("reproductiveenjoymanagement:jtqr"))
			<a class="btn btn-primary" @click="jtqr"><i class="fa fa-pencil-square-o"></i>&nbsp;津贴确认</a>
			#end
			#if($shiro.hasPermission("reproductiveenjoymanagement:dzqr"))
			<a class="btn btn-primary" @click="dzqr"><i class="fa fa-pencil-square-o"></i>&nbsp;到账确认</a>
			#end
			#if($shiro.hasPermission("reproductiveenjoymanagement:ffqr"))
			<a class="btn btn-primary" @click="ffqr"><i class="fa fa-pencil-square-o"></i>&nbsp;发放确认</a>
			#end
		</div>
	    <table id="jqGrid"></table>
	    <div id="jqGridPager"></div>
    </div>
    
    <div v-show="!showList&&!showtable" class="panel panel-default">
		<div class="panel-heading">{{title}}</div>
		<form class="form-horizontal">
											<div class="form-group">
			   	<div class="col-sm-1 control-label">姓名</div>
			   	<div class="col-sm-2">
			      <input type="text" class="form-control" readonly="readonly"  @click="popPage"  v-model="reproductiveEnjoyManagement.name" placeholder="请选择"/>
			    </div>

				<div class="col-sm-1 control-label">身份证号</div>
				<div class="col-sm-2">
					<input type="text" class="form-control" readonly="readonly"  v-model="reproductiveEnjoyManagement.idno" placeholder="身份证号"/>
				</div>
			</div>

									<div class="form-group">
			   	<div class="col-sm-1 control-label">年龄</div>
			   	<div class="col-sm-2">
			      <input type="text" class="form-control"  readonly="readonly"  v-model="reproductiveEnjoyManagement.age" placeholder="年龄"/>
			    </div>

				<div class="col-sm-1 control-label">性别</div>
				<div class="col-sm-2">
					<input type="text" class="form-control"  readonly="readonly"  v-model="reproductiveEnjoyManagement.sex" placeholder="性别"/>
				</div>
			</div>

									<div class="form-group">
			   	<div class="col-sm-1 control-label">联系电话</div>
			   	<div class="col-sm-2">
			      <input type="text" class="form-control"  readonly="readonly"  v-model="reproductiveEnjoyManagement.telephone" placeholder="联系电话"/>
			    </div>

				<div class="col-sm-1 control-label">用工单位名称</div>
				<div class="col-sm-2">
					<input type="text" class="form-control"    readonly="readonly"  v-model="reproductiveEnjoyManagement.company" placeholder="用工单位名称"/>
				</div>
			</div>


									<div class="form-group">
			   	<div class="col-sm-1 control-label">怀孕日期</div>
			   	<div class="col-sm-2">
						<input type="text" class="form-control" v-model="reproductiveEnjoyManagement.pregnancyDate" placeholder="怀孕日期"
							   id="pregnancyDate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd'})"  readonly="readonly"
						/>
			    </div>

				<div class="col-sm-1 control-label">生育医院</div>
				<div class="col-sm-2">
					<input type="text" class="form-control" v-model="reproductiveEnjoyManagement.fertilityHospital" placeholder="生育医院"/>
				</div>
			</div>

									<div class="form-group">
			   	<div class="col-sm-1 control-label">报备类型</div>
			   	<div class="col-sm-2">
					<select v-model="reproductiveEnjoyManagement.preparationType" class="form-control">
						<option v-for="preparationType in dictList" :value="preparationType.value">{{preparationType.label}}</option>
					</select>
			      <!--<input type="text" class="form-control" v-model="reproductiveEnjoyManagement.preparationType" placeholder="报备类型"/>-->
			    </div>

				<div class="col-sm-1 control-label">预产日期</div>
				<div class="col-sm-2">
					<input type="text" class="form-control" v-model="reproductiveEnjoyManagement.preproductionDate" placeholder="预产日期"
						   id="preproductionDate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd'})"  readonly="readonly"
					/>
				</div>
			</div>

									<div class="form-group">
			   	<div class="col-sm-1 control-label">计划办理费用日期</div>
			   	<div class="col-sm-2">
			      <input type="text" class="form-control" v-model="reproductiveEnjoyManagement.plannedExpensesDate" placeholder="计划办理费用日期"
						 id="plannedExpensesDate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd'})"  readonly="readonly"
				  />
			    </div>
			</div>

							<div class="form-group">
				<div class="col-sm-2 control-label"></div> 
				<input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
				&nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
			</div>
		</form>
	</div>

	<div v-show="showtable" class="panel panel-default">
		<div class="panel-heading">{{title}}</div>
		<form class="form-horizontal">

			<div v-show="showtable1" class="form-group">
				<div class="col-sm-2 control-label">报备日期</div>
				<div class="col-sm-10">
					<input type="text" class="form-control" v-model="reproductiveEnjoyManagement.preparationDate" placeholder="报备日期"
						   id="preparationDate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd'})"  readonly="readonly"/>
				</div>
			</div>

			<div v-show="showtable2" class="form-group">
				<div class="col-sm-2 control-label">津贴回单日期</div>
				<div class="col-sm-10">
					<input type="text" class="form-control" v-model="reproductiveEnjoyManagement.allowanceReceiptDate" placeholder="津贴回单日期"
						   id="allowanceReceiptDate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd'})"  readonly="readonly"/>
				</div>
			</div>
			<div v-show="showtable2" class="form-group">
				<div class="col-sm-2 control-label">津贴金额</div>
				<div class="col-sm-10">
					<input type="text" class="form-control" v-model="reproductiveEnjoyManagement.allowanceAmount" placeholder="津贴金额"/>
				</div>
			</div>
			<div v-show="showtable3" class="form-group">
				<div class="col-sm-2 control-label">津贴到账日期</div>
				<div class="col-sm-10">
					<input type="text" class="form-control" v-model="reproductiveEnjoyManagement.paymentArrivalDate" placeholder="津贴到账日期"
						   id="paymentArrivalDate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd'})"  readonly="readonly"/>
				</div>
			</div>
			<div v-show="showtable4" class="form-group">
				<div class="col-sm-2 control-label">津贴发放日期</div>
				<div class="col-sm-10">
					<input type="text" class="form-control" v-model="reproductiveEnjoyManagement.grantDate" placeholder="津贴发放日期"
						   id="grantDate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd'})"  readonly="readonly"/>
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-2 control-label"></div>
				<input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
				&nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
			</div>
		</form>
	</div>
</div>

<!-- 弹出框 -->
<div id="popLayer" style="display: none;padding:10px;">
	<table id="popGrid"></table>
	<div id="popGridPager"></div>
	<!--<ul id="menuTree" class="ztree"></ul>-->
</div>

<script src="${rc.contextPath}/js/hr/reproductiveenjoymanagement.js?_${date.systemTime}"></script>
</body>
</html>